<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>后代选择器</title>
		<style>
			/* 
			 后代选择器：派生、空格！   用途：选中父元素中子元素
			 语法：任意选择器【父级】 任意选择器{}
			 网页：嵌套元素
			 */
		dl dd{
					   color: #ffaaff;
					   background: #55ff00;
				   }
				   ul li{
					   background: #55ff00;
				   }
				   /* 后代选择器：选中情深深雨濛濛      提醒： 类选择器    字体放大    50 */
				   ul.qy{
					   font-size: 50px;
					   color: #fff;
				   }
				   /* 后代迭代器
					必须从#id找     --------删除线     字体放大： 20px   颜色：   红色，  背景：      黑色
					提醒：祖宗  爷爷   父亲     儿子*/
			}
			#nav div div del{
				font-size: 20px;
				color: #ff0000;
				background-color: #000000;
			}
			/* 找到两个删除线，添加效果：字体36px，背景颜色   粉色
			 从类选择器找footer  提醒：  【两个选择器】*/
			 .ftooer div div div s{
				 font-size: 36px;
				 background: #ffaaff;
			 }
			 .ftooer div s{
			 				 font-size: 36px;
			 				 background: #ffaaff;
			 }
			 
			 
		</style>
	</head>
	<body>
		<div> <div> <div> <s>删除线</s> <span>行内元素</span>       </div></div></div>
		<div> <s>删除线</s></div>
		
		
		
		
		<hr>
		<div id="nav">
			<span>这是一个段落</span>
			<div><p>第一个段落</p>   <div><del>删除线</del></div>              </div>
			<div><p>第二个段落</p>     </div>
		</div>
		<!-- 块元素 ：定义列表 、无序列表-->
		<dl>
					<dt>图片</dt>
					<dd>解释小图片</dd>
				</dl>
				<ul>
					<li>窗外</li>
					<li>情深深雨濛濛</li>
					<li>还珠格格</li>
					<li>一帘幽梦</li>
				</ul>
			
		
	</body>
</html>